<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!-- 引入Bootstrap -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

                <!-- bootstrap的javascript插件--需要引用jQuery -->
		<script src="bootstrap/js/jquery.min.js"></script>
		
		<!--包括所有已编译的插件-->
		<script src="bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="container">
			<div>
				<h3 class="text-center text-primary">Bootstrap 过渡效果（Transition）插件</h3>
				Bootstrap 的 Transition 插件可以实现过渡效果，Transition 动画比较平滑，使用起来比较方便和灵活，
				并且对资源的消耗比较少。过渡效果（Transition）插件提供了简单的过渡效果。
				提示：transitionEnd 事件是在 CSS 过渡动画结束之后自动触发的一个事件，这个事件的回调函数可以完成对发生动画的
				 DOM 元素进行清理的工作。<br>
		
				 使用案例-->过渡效果（Transition）插件的使用案例：<br>
				 1,具有幻灯片或淡入效果的模态对话框。具体实例参见 Bootstrap 模态框（Modal）插件。 <br>
				 2,具有淡出效果的标签页。具体实例参见 Bootstrap 标签页（Tab）插件。 <br>
				 3,具有淡出效果的警告框。 具体实例参见 Bootstrap 警告框（Alert）插件。<br>
				 4,具有幻灯片效果的轮播板。具体实例参见 Bootstrap 轮播（Carousel）插件。
			</div>
			
		</div>
		
	</body>
</html>
